/* CSS Document */
body{
	line-height:180%;
	margin:0px auto;
	/* background:url(../images/bodyback.jpg) repeat-x; */
	font-size:12px;
	 width:100%;
	 font-family:"Microsoft Yahei"; color: #000; line-height:1.4;
    background: #ffffff;
}
p,ul,big,small,b,span,font,h2,h1,dl,dd{;padding:0px;margin-top:0px;margin:0px;}
ul{padding:0px;margin-top:0px;margin:0px;}
li{ list-style:none;}
ul{list-style:none;}
a { color:#000000; text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ color:#52cbcd; text-decoration:none ;}
.wrap{ width:1400px; margin:0 auto ; max-width:100%;}
img{ border:none}
.fl{ float:left}
.fr{ float:right}
.h20{ height:20px; clear:both;}
.h10{ height:10px; clear:both;}
.clear{ clear:both}
.clear2{ clear:both; height:20px;}
input{ outline:none; font-family:"Microsoft Yahei";}

.h150{ height:150px;}

.nbanner img{ max-width:100%;}
.nbanner{ text-align:center;}

.ztitle{ text-align:center; padding-top:20px; padding-bottom:8px; }
.ztitle font{ font-size:24px; display:block; margin-bottom:5px; line-height:24px;}
.ztitle span{ display:inline-block; width:400px; border-bottom:#ddd 1px solid; height:10px;}
.ztitle small{ font-size:16px; display:inline-block; background:#fff; padding:0px 10px;}
.menu2 { text-align:center; padding:20px 0;}
.menu2 a{ display:inline-block; padding:10px 20px; font-size:14px; border:#ddd 1px solid; border-radius:5px; margin:0 5px;}
.menu2 a:hover ,.menu2 a.on{ background:#1a73c4; color:#fff;}
.menu3{ background:#f9f9f9; height:64px; border-bottom:#e7e7e7 1px solid; text-align:center}
.menu3 a{ display:inline-block; line-height:64px;  font-size:18px; padding:0px 18px;}
.menu3 a:hover,.menu3 a.on{ background:#4e5556; color:#fff;}


/******************************
 ** 内页架构
 ******************************/
.sidebar { float:left; width:260px; }
.side-menu { position: relative;    }
 
 
 
.hr10{ clear:both; height:10px;}
.hr20{ clear:both; height:20px;}
.hr30{ clear:both; height:30px;}
.hr40{ clear:both; height:40px;}
.f24{ font-size:24px;}.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
.f14{ font-size:14px}
 .text_center{ text-align:center;}
 .row{ margin-left:-15px; margin-right:-15px;}
 .rowitem{ margin-left:15px; margin-right:15px;}
 .rowitem img{ max-width:100%;}
 .col_3{ width:33.3%; float:left;}
 .col_4{ width:25%; float:left;}
 .col_2{ width:50% ; float:left;}
 .col_5{ width:20% ; float:left;}
 .col_6{ width:16.66667% ; float:left;}
 
 .zttitle{ text-align:left; margin-bottom:50px;}
 .zttitle .zbig{ font-size:44px; margin-bottom:4px;}
 .zttitle .zsmall{ font-size:20px; line-height:48px;}
 .zttitle .zsmall:before{ content:" "; width:300px; height:1px; background:#ddd; display:inline-block; margin-right:15px; position:relative; top:-5px;}
 .zttitle .zsmall:after{ content:" "; width:300px; height:1px; background:#ddd; display:inline-block; margin-left:15px;position:relative; top:-5px;}


 .part1{ padding:40px 0;}
 .part1 ul li { text-align:center; font-size:16px; line-height:2; padding:40px 0 0}
 .part1 ul li p{ line-height:2;}
 
.part4{ background:#f9f9f9; padding:60px 0;}
.part4 .row{ margin:0 -7px;}
.part4 .rowitem{ margin:14px 7px 0 7px;}
.part4   li p{ font-size:16px; text-align:center; line-height:2; margin-bottom:15px;}
.part4   li .txt{ padding:10px 10px; background:#fff;}
.part4   li .txt font{ display:block; font-size:16px; text-align:center; line-height:30px;}
.part4   li .txt p{ text-align:left; color:#777}

.qhbtn{ margin-top:40px; margin-left:20px;}
.part4 .swiper-button-next1{ background:url(../img/qh1.png); width:42px; height:42px; display:inline-block; cursor:pointer; }
.part4 .swiper-button-next1:hover{background:url(../img/qh1_h.png); }
.part4 .swiper-button-prev1{ background:url(../img/qh2.png); width:42px; height:42px; display:inline-block; margin-left:10px; cursor:pointer;}
.part4 .swiper-button-prev1:hover{background:url(../img/qh2_h.png); }

.part4 .swiper-pagination1{ margin-top:40px; text-align:center}
.part4 .swiper-pagination-bullet{ width:200px !important;height:3px !important; border-radius:0; background:#333}
.part4 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#3fc5c8}


.about4 .swiper-pagination1{ margin-top:40px; text-align: center;}
.about4 .swiper-pagination-bullet{ width:5% !important;height:3px !important; border-radius:0; background:#333}
.about4 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#3fc5c8}

.side-title{ background:#1a73c4; color:#fff;   line-height:1}
.side-title big{ display:block; font-size:24px; font-weight:900; padding:25px 24px 25px 24px; background:url(../img/icon01.png) no-repeat 218px center; }
.side-title small{ display:block; font-size:18px;}

.side-list ul{border-left:#ddd 1px solid;border-right:#ddd 1px solid; }
.side-list li{ border-bottom:#ddd 1px solid; line-height:50px; }
.side-list li a{ font-size:16px; background:url(../images/arr1.png) left center no-repeat; background-position:220px; padding-left:24px; display:block;}
.side-list li:hover a,.side-list li.on a{ color:#fff; background:url(../images/arr2.png) left center no-repeat #274583; background-position:200px;}

 
.side-head { height:34px; line-height:34px; padding:10px 0 10px 10px; font-size:20px; background:none;  }
.side-con { margin-bottom:20px; position:relative; top:20px; }
.side-con .side-head { height:40px; line-height:40px; background:#1a73c4; }
.side-con .side-head h2 { font-size:16px; font-weight:normal; color:#fff; padding:0 0  0 15px; }
.side-con .main { padding:10px 10px 15px; line-height:25px; border:1px solid #ddd;background: #fff; border-radius:0 0 5px 5px; }
.side-con .main img{ max-width:100%; margin-bottom:5px;}

.location.fix{position: fixed;
    width: 100%;
    background: #fff;z-index: 222;border-bottom: #e0e0e0 1px solid;
    top: 0;
    left: 0; padding-bottom:10px;}
.container { float:right; width:910px; }
.location { height:35px; padding:10px 0 0 0 ; position:relative; line-height:35px; font-size:14px; }
.location font { font-size:20px; float:left;  }
.location .io {  color:#666; }
.location .io  a{ display:inline-block; margin-right:10px; margin-left:10px;}
.location .io b { color:#999; }
.content { padding:20px; border:1px solid #ddd; margin-bottom:20px; }


.list-news1 li{ line-height:35px; border-bottom:#ececec 1px solid; overflow:hidden;}
.list-news1 li a{ float:left; background:url(../images/arr1.png) left center no-repeat; padding-left:15px; display:block}
.list-news1 li span{ float:right; color:#666}

.list-news2 li{  overflow:hidden; padding-bottom:1%; margin-bottom:1%; background:#f4f4f4; padding:2%}
.list-news2 li.odd{  }
.list-news2 li span{ display:block; overflow:hidden; margin-bottom:5px;}
.list-news2 li span a{ font-size:16px; line-height:1; float:left;display:block; font-weight:900;}
.list-news2 li span font{ float:right}
.list-news2 li p{ font-size:12px; line-height:180%;}

.newsfllist font{ font-size:22px; display:block; margin-bottom:29px;}
.newsfllistbox{ width:260px;height:86px; margin-bottom:40px;}
.newsfllistbox span{ font-size:16px; display:block; background:#fff; line-height:86px; height:86px; padding:0 34px; position:relative}
.newsfllistbox span:before{ position:absolute; content:" "; right:34px; background:url(../img/jt3.png); width:20px; height:12px; top:37px;}
.newsfllistbox ul { position:relative; z-index:33; display:none;}
.newsfllistbox:hover ul{ display:block !important;}
.newsfllistbox ul li a{ display:block; background:#fff; padding:0 34px; font-size:16px; line-height:44px;}
.newsbg{ background:#f9f9f9; padding:80px 0;}
.list-news3 li{border:#fff 1px solid; overflow:hidden;  margin-bottom:2%; position:relative; background:#fff;}
.list-news3 li a.litpic{ float:left; display:block; width:564px; height:307px; overflow:hidden;;}
.list-news3 li a.litpic img{ width:100%;}
.list-news3 li span{ float:left; display:block; width:582px; margin-top:40px; margin-left:30px;;}
.list-news3 li.noimg span{ width:100%; float:none}
.list-news3 li span a{ font-size:30px; line-height:34px; margin-bottom:5px;}
.list-news3 li span font{ display: block; font-size:16px; color:#52cbcd; margin-top:5px; margin-top:15px;}
.list-news3 li span p{ margin-top:45px; font-size:16px; line-height:26px; color:#777}
.list-news3 li .arrimg{ position:absolute; width:20px; height:13px; background:url(../img/jt1.png) center; right:57px; bottom:57px;}
.list-news3 li:hover{border:#52cbcd 1px solid; }
.list-news3 li:hover .arrimg{background:url(../img/jt2.png) center;}


.joblist li{border:#fff 1px solid; overflow:hidden;  margin-bottom:2%; position:relative; background:#fff;}
.joblist li a{ display:block; padding:40px; font-size:16px;}
.joblist li .txt{ float:left}
.joblist li .txt1{ font-size:30px;}
.joblist li .txt1 small{ display:inline-block; background:#52cbcd; color:#fff; padding:0 10px; border-radius:5px; display:none;}
.joblist li .txt font{ display:block; color:#777; margin-top:10px;}
.joblist li .txt p{color:#777; margin-top:40px;}
.joblist li .txt p img{ vertical-align:middle; height:18px;}
.joblist li .txt_r{ float:right; color:#777; margin-top:10px;}
.joblist li .txt_r span{ display:inline-block; margin-left:40px;}
.joblist li .txt_r span font{color:#52cbcd}
.joblist li .arrimg{ position:absolute; width:20px; height:13px; background:url(../img/jt1.png) center; right:57px; bottom:57px;}
.joblist li:hover{border:#52cbcd 1px solid; }
.joblist li:hover .arrimg{background:url(../img/jt2.png) center;}
.joblist li:hover .txt1 small{ display:inline-block;}


.joblist1 li{  overflow:hidden;  margin-bottom:2%; position:relative;  }
.joblist1 li .cc{ display:block; padding:40px 00px 0 00px; font-size:16px;}
.joblist1 li .txt{ float:left}
.joblist1 li .txt1{ font-size:30px;}
.joblist1 li .txt1 small{ display:inline-block; background:#52cbcd; color:#fff; padding:0 10px; border-radius:5px;}
.joblist1 li .txt font{ display:block; color:#777; margin-top:10px;}
.joblist1 li .txt p{color:#777; margin-top:40px;}
.joblist1 li .txt p img{ vertical-align:middle; height:18px;}
.joblist1 li .txt_r{ float:right; color:#777; margin-top:10px;}
.joblist1 li .txt_r .txt_r_btn{ margin-bottom:60px;}
.joblist1 li .txt_r .txt_r_btn font{ display:inline-block; width:197px; height:60px; line-height:60px; text-align:center; background:#52cbcd; color:#fff; font-size:18px; border-radius:5px;}
.joblist1 li .txt_r span{ display:inline-block; }
.joblist1 li .txt_r span font{color:#52cbcd}
 

.list-news4 ul{ margin:0 -5px;}
.list-news4 li{  float:left; overflow:hidden;  width:33.3%;  }
.list-news4 li a{ display:block;}
.list-news4.list-news4-n li{ float:none; width:auto; margin-bottom:10px;}
.list-news4 li>div{ margin:5px; background:#f3f3f3; border-bottom:#33aba7 4px solid; padding-top:40px;padding-bottom:30px;}
.list-news4 li a.litpic{   display:block; position:relative; }
.list-news4 li a.litpic:before{ display:block; padding-top:57%; content:" "}
.list-news4 li a.litpic img{ width:100%; height:100%; position:absolute; left:0; top:0;}
.list-news4 li span{   display:block; padding:10px 20px 40px 20px;; }
.list-news4 li.noimg span{ width:100%; float:none}
.list-news4 li span b{ font-size:14px; font-weight:normal;  line-height:1.5; display:block;font-size:20px;  height: 70px;}
.list-news4 li font{ display: block; margin:00px 20px 40px 20px; color:#000; font-size:40px; }
.list-news4 li font small{ color:#737373; font-size:20px; display:inline-block;}
.list-news4 li span p{ margin-top:20px; height:13px;background:url(../img/jt1.png) left center no-repeat;}
.list-news4 li:hover span p{background:url(../img/jt4.png) left center no-repeat; margin-left:30px;}
.list-news4 li:hover>div{ background:#878787; color:#fff;}
.list-news4 li:hover>div span ,.list-news4 li:hover>div font,.list-news4 li:hover>div font small{color:#fff;}

/* shownews*/
.vtitle{ font-size:40px; line-height:2; text-align:left; padding-top:20px;  margin-bottom:5px;  color:#000;;}
.vdes{    color:#A8A6A6; border-bottom:1px solid #CCCCCC; padding-bottom:50px; }
.vdes span{ display:inline-block; color:#52cbcd;border:1px solid #52cbcd; font-size:14px; padding:10px 30px; border-radius:30px;}
.ArticleMessage a:link{ text-align:center;color:#A8A6A6;}
.vcon{  line-height:180%; float:left; width:758px; padding:24px 0; line-height:2; font-size:16px; }
.vcon img{ max-width:100%;}
.vpages { border:#f1f1f1 1px solid; background:#f7f7f7; padding:10px 10px ; margin:10px 0;}
.vcon_right{ float:right; width:460px;}
.vcon_right_title{ font-size:24px; font-weight:900; margin-top:24px; margin-bottom:24px;}
ul,li{ margin:0; padding:0; list-style:none}
/*简单产品列表*/
.prolist ul{ margin:0 -15px;}
.prolist li{ float:left; margin-top:10px; width:33.3%;  }
.prolist li .item{ margin:15px 15px 40px 15px; display:block; border-bottom:#d9d9d9 1px solid;}
.prolist li div.txt{ display:block;  line-height:30px;   font-size:18px; line-height:2; margin:10px 0;}
.prolist li div.desc{ height:130px;}
.prolist li div.imgbox{ padding:55px; background:#eee;  }
.prolist li div.img{ display:block; position:relative;  }
.prolist li div.img:before{ content:""; display:block; padding-top:100%;}
.prolist li div.img img{ height:100%; position:absolute; left:0; top:0; display:block; width:100%;}
.prolist li:hover div.txt{  color:#33aba7;}
.prolist li .arrimg{ background:url(../img/jt1.png) left no-repeat; height:13px; margin-bottom:40px;}
.prolist li:hover .arrimg{ background:url(../img/jt2.png) left no-repeat; margin-left:20px;}

.prolist li.first{ width:66.666%}
.prolist li.first .item{ overflow:hidden; background:#38b7ad; padding:58px 0;}
.prolist li.first div.imgbox{float:right; width:50%; padding:0; background:none; margin-top: 5%;
    margin-right: 5%; }
.prolist li.first div.img{  padding:55px; background:none; }
.prolist li.first div.ftxt{ float:left; width:45%; margin:0;}
.prolist li.first div.ftxt .ftxt_in{ color:#fff; padding:10px 60px;}
.prolist li.first div.ftxt .ftxt_in .txt{font-size:34px; width:300px; border-top:#3fc5c8 1px solid; display:inline-block; }
.prolist li.first div.ftxt .ftxt_in{}
.prolist li.first div.ftxt .ftxt_in .desc{ height:406px;}
.prolist li.first:hover a div.txt{ color:#fff;}

/*简单产品列表*/
.prolist1 ul{ }
.prolist1 li{ float:left; margin-top:10px; width:32%; margin-right:2%; position:relative;height:180px; }
.prolist1 li.last{ float:right; margin-right:0;}
.prolist1 li a.txt{ display:block; text-align:center; line-height:36px; position:absolute; bottom:0px; left:0; color:#fff; width:100%; font-size:14px; z-index:3}
.prolist1 li a.img{ display:block;    height:180px;}
.prolist1 li span{position:absolute; bottom:0px; left:0; width:100%; background:#000; z-index:2; background:#000; height:36px;/* older safari/Chrome browsers */  
    -webkit-opacity: 0.8;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 0.8;  
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    -khtml-opacity: 0.8;  
    /* IE9 + etc...modern browsers */  
    opacity: .8;  
    /* IE 4-9 */  
    filter:alpha(opacity=80);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  }
 
/*面包屑导航*/
.vpos{ height:40px; line-height:40px; border-bottom:#d9d9d9 1px solid;}
.vpos font{ float:left; font-size:18px; margin-left:10px;}
.vpos span{ float:right; margin-right:10px;}
 
 
.fourys{ padding:60px 0; }
.fourys ul{ margin:0 -15px;}
.fourys ul,.fourys li{ margin:0; padding:0; list-style:none;}
.fourys li {color:#000;    overflow:hidden;  width:50%; float:left;}
.fourys li .item{ margin:15px;background: #fff;  position:relative ; border-top:#ddd 4px solid;}
.fourys li .item:before{ position:absolute; content:" "; left:0; top:-4px; height:4px; width:0%; background:#3fc5c8; z-index:2;}
.fourys li:hover .item:before{ width:100%;}
.fourys li:hover .txt .txtbox font{ color:#3fc5c8}
.fourys li .img{ text-align:right;float:left; margin-right:15px;  }

.fourys li .img img{  float:left; height:56px;}
.fourys li .img .im2{ display:none;}
.fourys li:hover .img .im1{ display:none}
.fourys li:hover .img .im2{ display:block;}
.fourys li .txt{  }
.fourys li .txt .txtbox{ padding:50px 40px;}
.fourys li .txt .txtbox span{ color:#3fc5c8; font-size:18px; line-height:1.2;}
.fourys li .txt .txtbox font{ font-size:28px; display:block; line-height:1.2;}
.fourys li .txt .txtbox em{ display:block; width:50px; display:none; height:3px; background:#c1162f; margin:10px 0 10px 0;}
.fourys li .txt .txtbox .p1{ font-size:18px;}
.fourys li .txt .txtbox p{ font-size:15px; line-height:2; padding:60px 0; height:90px;}


.fourys li.odd .img{ float:right;  }
 
.fourys li.odd .txt{ float:left; width:65%;}

.ysbox{ background:url(../img/lybg.jpg) center no-repeat; height:500px;}


.fff1{ text-align:left; padding:26px 0;  border-top:#4d515b 1px solid; margin-top:20px; padding:20px 0;  }
.fff1 a{ font-size:16px; display:inline-block; margin-right:130px; color:#4d515b}
.fff2{ padding-bottom:20px; margin-top:20px;}
.footer { background:#272c38; padding:30px 0 10px;color: #343434; position: relative; text-align:left; color:#b7b7b7; }
.footer a{color: #b7b7b7;}
.flogo{ float:left; width:15.66%}
.ful{ float:left; margin-left:80px; }
.ful_title{ font-size:18px; line-height:1; margin-bottom:40px; float:left; margin-top:5px; margin-right:80px;}
.ful_p a{ display:block; color: #999; line-height:2; font-size:14px; width:50%;float:left; position:relative}
.ful_p{ display:block; color: #999; line-height:2; font-size:14px; float:left; width:200px;}
.footer2{text-align:center;}

.ful_p_qcode img{ display:none; position:absolute; top: 15px;
    right: 250px;}
.ful_p_qcode p{ background:url(../img/wx.png) left center no-repeat; background-size:auto 20px; margin-top:2px; text-align:left; padding-left:30px;  color:#fff;}
.ful_p_qcode:hover img{ display:block;}

.sec1 { padding:60px 0 120px 0;}
.sec1 .sec1_fl font{ font-size:16px; color:#737373}
.sec1 .sec1_fl p{ font-size:44px;}
.sec1_fl small{ display:block; color:#737373; margin-top:150px;}
.sec1 .sec1_fr{ width:50%;}
.sec1 .sec1_fr p{ font-size:16px; color:#737373}

.sec2{ background:url(../img/bg1.jpg) center; color:#fff; text-align:center; padding:270px 0;}
.sec2_1{ font-size:44px; margin-bottom:55px;}
.sec2_2 a{ display:inline-block; border:#fff 1px solid; padding:15px 70px; color:#fff; font-size:16px; border-radius:5px; position:relative;}
.sec2_2 a font{ display:block; position:relative; z-index:2;}
.sec2_2 a:before{ width:0;  left:0; height:100%; z-index:1; background:#52cbcd; position:absolute; content:" "; top:0;}
.sec2_2 a:hover{  border:#52cbcd 1px solid;}
.sec2_2 a:hover:before{ width:100%;}
.sec2_p{ background:url(../img/bg2.jpg) center; height:100px; line-height:100px; font-size:24px; text-align:center; color:#fff; }

.sec3{ margin-top:100px; position:relative; z-index:2;}
.sec3 .wrap{background:url(../img/bg3.jpg) right; background-size:auto 100%; overflow:hidden}
.sec3_fl{ width:50%;}
.sec3_fl img{ width:100%;}
.sec3_fr{ width:50%; }
.sec3_fr_in{ padding:60px;}
.sec3_fr_in font{ color:#3fc5c8; font-size:24px; display:block; margin-bottom:20px;}
.sec3_fr_in div{ min-height:400px;}
.sec3_fr_in div p{ margin-bottom:10px; font-size:20px; color:#fff; line-height:34px;}

 
.sec3_fr_in a{ display:inline-block; border:#fff 1px solid; padding:15px 70px; color:#fff; font-size:16px; border-radius:5px; position:relative;}
.sec3_fr_in a span{ display:block; position:relative; z-index:2;}
.sec3_fr_in a:before{ width:0%;  left:0; height:100%; z-index:1; background:#52cbcd; position:absolute; content:" "; top:0;  }
.sec3_fr_in a:hover{  border:#52cbcd 1px solid;}
 .sec3_fr_in a:hover:before{ width:100%;}

.sec4{ background:url(../img/bg4.png) repeat-x #f7f8f9; padding-top:234px; margin-top:-122px; padding-bottom:50px; position:relative; z-index:1;}
.sec4_1 span{ float:left; width:28%;}
.sec4_1 span big{ display:block; font-size:44px;}
.sec4_1 span small{ display:block; color:#777; font-size:16px;}
.sec4_1 p{ float:right; width:72%; font-size:24px; line-height:36px;}

.sec4_2{ padding:135px 0;}
.sec4_2{ width:610px; margin-left:28%; text-align:center;}
.sec4_2 img{ height:37px; display:inline-block; margin:0 auto; }
.sec4_2 li:hover img{transform:rotateY(180deg)}
.sec4_2 p{ color:#777; line-height:2;}

.lybox{ background:url(../img/lybg.jpg) center; color:#fff; padding:80px 0;}
.lybox_left font{ font-size:24px; display:block}
.lybox_left  font b{ color:#3fc5c8;}
.lybox_left span{ font-size:44px; display:block; height:350px;}
.lybox_left p{ font-size:24px;}
.lybox_left p b{ font-size:16px;}
.lybox_r{ width:45%;}
.lyitem{ position:relative; margin-bottom:10px;}
.lyitem .inp{ width:96%; margin-left:2%; height:60px; line-height:60px; background:none; border:none; position:relative ; color:#fff;}

.lyitem select{ width:96%; margin-left:2%; height:60px; line-height:60px; background:none; border:none; position:relative ; color:#fff;}

.lyitem select option{background-color: rgb(0,0,0); line-height:40px;padding:0 20px;}

.lyitem textarea.inp{ height:100px; line-height:34px; outline:none;  font-family:"微软雅黑";}
.lyitem:before{ background:#000; content:" "; position:absolute; left:0; top:0; height:100%; width:100%; background-color:#45484e;   
 opacity:0.5;   
filter:alpha(opacity=50);   
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=50)';
}
.lybtn button{ width:100%; height:60px; background:#3fc5c8; color:#fff; border:none; font-size:20px; cursor:pointer;}
.lybtn button:hover{ background:#32b1b4}

.lyitem .inp::-webkit-input-placeholder {

        color: #fff;

         

    }
	
.dizhilist{ border-top:#ddd 1px solid; margin-top:60px; padding-top:50px;}

.dizhilist font img{ vertical-align:middle; position:relative; top:-2px;}
.dizhilist font{ display:block; font-size:28px;}
.dizhilist p{ font-size:16px; line-height:2; margin-top:10px;}

.flbox{ padding:50px 0;}
.flbox span{ float:left; width:28%;}
.flbox span big{ display:block; font-size:34px;}
.flbox span small{ display:block; color:#777; font-size:16px;}
.flbox .fenlei{ float:right; font-size:16px; line-height:36px; margin-top:32px;}
.flbox .fenlei a{ display:inline-block; margin-left:77px;}
.flbox .fenlei a.on,.flbox .fenlei a:hover{ color:#52cbcd;}

.title1{ padding:50px 0;}
.title1 span{ }
.title1 span big{ display:block; font-size:44px; font-weight:900;}
.title1 span small{ display:block; color:#777; font-size:16px;}
 
 
 .title2{ padding:50px 0;}
.title2 span{ }
.title2 span big{ display:block; font-size:34px; font-weight:900;}
.title2 span small{ display:block; color:#777; font-size:16px;}
 

 
.cp{    background:#f4f4f4;}
.cp-slide{  }
.cp-slide .txt{ float:left; width:50%;  }
.cp-slide .txt>div{ padding:60px;}
.cp-slide .txt>div big{color:#52cbcd; font-size:16px;}
.cp-slide .txt font{ font-size:50px; line-height:80px; display:block;}
.cp-slide .txt span{ display:block; font-size:24px;}
.cp-slide .txt p{ font-size:16px; line-height:2; margin-top:50px; color:#a1a1a1 ; height:200px;}
.cp-slide .img{ float:right; width:50%; text-align:center}
.cp-slide  .img img{ width:100%; display:block ;}
.cp-slide .swiper-slide{  }
.cp-slide  .swiper-pagination-bullets{ bottom:40px !important ; width:50% !important; left:auto !important ;right:0 !important;}
.cp-slide .swiper-pagination-bullet{width:30px; border-radius:2px; height:4px;}
.cp-slide .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:30px; border-radius:2px; background:#6ababc}

/*.cp-slide .txt small{ display:inline-block; border:#d4d4d4 1px solid; padding:15px 70px; color:#000; font-size:16px; border-radius:5px;}
*/
.cp-slide .txt small{ display:inline-block; border:#d4d4d4 1px solid; padding:15px 70px; color:#333; font-size:16px; position:relative;}
.cp-slide .txt small b{ display:block; position:relative; z-index:2; font-weight:normal}
.cp-slide .txt small:before{ width:0%;  left:0; height:100%; z-index:1; background:#52cbcd; position:absolute; content:" "; top:0;  }
.cp-slide .txt small:hover{  border:#52cbcd 1px solid; color:#fff;}
.cp-slide .txt small:hover b{ color:#fff;}
.cp-slide .txt small:hover:before{ width:100%;}

.proinfo1{ margin-top:50px;}
.proinfo1 span{ float:left; width:20%; font-size:40px; font-weight:900; line-height:3; width:490px;}
.proinfo1 p{ float:left; width:910px;}
.proinfo1 p img{ height:250px;}
.proinfo2{ margin-top:60px; border-top:#e0e0e0 1px solid; padding-top:60px;}
.proinfo2 .plefttitle{width:490px; float:left; font-size:20px;}
.proinfo2 .pcon{ float:left; width:910px; font-size:16px; line-height:26px; color:#737373;line-height:2}

.pcontent{font-size:16px; line-height:26px; padding:60px 0;}

.aboutbanner .title1 small{ color:#33aba7}
.aboutbanner{ background:url(../img/aboutbg.jpg); padding:150px 0 300px 0; color:#fff; font-size:16px;} 
.aboutbanner .aboutcon { padding-top:210px; width:610px;}
.aboutbanner .aboutcon font{ font-size:24px; display:block; margin-bottom:20px;}
.aboutbanner .aboutcon p{ line-height:2;}

.about1{   padding: 0px 0 110px 0;}
.about1 font{  color:#33aba7; font-size:24px;}
.about1 p{ font-size:16px; line-height:1.7; padding: 20px 0 0px 0; color:#777777}.about1 span{ display:block; font-size:16px; color:#b0b0b0;}

.about2 .about2fl{ width:50%;}
.about2 .about2fl font{ font-size:18px; display:block; padding-top:50px;}
.about2 .about2fl span{ display:block; padding:80px 0 40px 0;}
.about2 .about2fl p{ font-size:16px; line-height:2;  color:#737373}

.about2 .about2fr{ width:45%; }
.about2 .about2fr span{ display:block;}
.about2 .about2fr span img{ width:100%;}
.about2 .about2fr p{ text-align:center;font-size:16px; margin:30px 50px 0 150px; line-height:2; color:#737373}


.about3{ background:#f9f9f9; margin-top:50px;}
.about3title1{ margin-top:50px; background:url(../img/bg5.jpg) center no-repeat; color:#fff; padding:50px 0 20px 0}
.about3title{   padding:0px 0 0px 0; border-bottom:#e0e0e0 1px solid;}

.wenhualist li .rowitem{position:relative ; padding:20px 0; margin-top:50px;margin-bottom:50px;}
.wenhualist li b{ display:inline-block; font-size:40px; font-weight:normal; margin-right:10px; }
.wenhualist li .rowitem:after{ content:""; position:absolute; height:100%; width:0px; background:#ddd; right:10px; top:0;}
.wenhualist li font{ display:inline-block; font-size:16px;color:#737373; position:relative; top:-24px; }
.wenhualist li p{ font-size:16px; color:#737373; margin-top:15px;}

.about4{}
.lclist li{ width:25%; float:left;}
.lclist li font{ font-size:50px; display:block}.lclist li>div{ border-top:#000000 2px solid; padding:25px 20px 0 20px}
.lclist li small{ font-size:16px; display:block; margin-bottom:42px; height:24px; text-indent:-111px; overflow:hidden}
.lclist li:hover small{ text-indent:0;}
.lclist li div.p{ font-size:14px; line-height:24px; color:#737373}
 .lclist li:hover>div{ border-top:#33aba7 2px solid;}


.about5{ clear:both; background:#f9f9f9; padding:30px 0 80px 0; margin-top:50px;}
.zizhiimg li span{ display:block; border:#b2b2b2 4px solid;}
.zizhiimg li .rowitem{ margin-bottom:30px;}
.zizhiimg li span img{ display:block; height:330px; width:100%}
.zizhiimg li:first-child { width:40%;}


.jxcs1_2 {font-size:24px; padding:40px 0; background: url(../img/bg22.jpg) center; color:#fff;}
.jxcs1{  position:relative; z-index:2;}
.jxcs1:after{ content:" "; position:absolute; right:0; top:0;     background-image: linear-gradient(to right, #33aba7, #43d0b8); height:100%; width:76%; z-index:1;}
.jxcs1 .wrap{  background-size:auto 100%; overflow:hidden; position:relative; z-index:2;}
.jxcs1_fl{ width:56%; margin-top:79px;}
.jxcs1_fl img{ width:100%; display:block;}
.jxcs1_fr{ width:44%;color:#fff; }
.jxcs1_fr_in{ padding:60px;}
.jxcs1_fr_in font{ color:#fff; font-size:36px; display:block; margin-bottom:20px; margin-top:50px;}
.jxcs1_fr_in div{ min-height:300px; }
.jxcs1_fr_in div p{ margin-bottom:10px; font-size:18px; color:#fff; line-height:34px;}

.jxcs1_fr_in   a{ display:inline-block; border:#fff 1px solid; padding:15px 70px; color:#fff; font-size:16px; border-radius:5px;}.jxcs1_fr_in  a:hover{ background:#52cbcd; border:#52cbcd 1px solid;}

.jxcx2{ background:url(../img/jscxbg2.jpg) center no-repeat; color:#fff; padding:256px 0 160px 0;}
.jxcx2 .wrap{ width:800px;}
.jxcx2 big{ display:block; font-size:60px; color:#3dc958; margin-bottom:30px; background-image: -webkit-linear-gradient(right, #3dc958, #63d58b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; font-weight:900;}
.jxcx2 p{ font-size:44px; line-height:1.4;}
.jxcx2 font{ font-size:18px; display:block; margin-top:215px; margin-bottom:10px;}
.jxcx2  span{ display:block; font-size:22px;}


.jxcx3{ padding:60px 0; background:#f3f3f3 }
.jxcx3 ul{ margin:0 -15px;}
.jxcx3 ul,.jxcx3 li{ margin:0; padding:0; list-style:none;}
.jxcx3 li {color:#000;    overflow:hidden;  width:50%; float:left;}
.jxcx3 li:hover .item{ background:#3fc5c8; color:#fff;}
.jxcx3 li .item{ margin:15px;background: #fff; overflow:hidden;  }
.jxcx3 li .img{  }
.jxcx3 li .img img{ width:100% }
.jxcx3 li .txt{ padding:50px; }
.jxcx3 li .txt .txtbox{  }
.jxcx3 li .txt .txtbox span{ color:#3fc5c8; font-size:34px; line-height:1.2; display:block ; margin-bottom:12px;}
.jxcx3 li .txt .txtbox font{ font-size:14px; display:block; line-height:1.2;}
.jxcx3 li .txt .txtbox em{ display:block; width:50px; display:none; height:3px; background:#c1162f; margin:10px 0 10px 0;}
.jxcx3 li .txt .txtbox .p1{ font-size:16px; padding:40px 0}
.jxcx3 li .txt .txtbox p{ font-size:15px; line-height:2; padding:40px 0 0 0; height:50px;  }

.jxcx3 li:hover .txt .txtbox span{ color:#fff;}

.fourys li.odd .img{ float:right;  }
 
.fourys li.odd .txt{ float:left; width:65%;}

.jxcx4.sec3{ margin:60px 0;}
.jxcx4 .sec3_fl{ width:63%;}
.jxcx4 .sec3_fr{ width:37%;}
.jxcx4 .sec3_fr_in font{ font-size:34px; color:#fff;}.jxcx4 .sec3_fr_in div{ min-height:330px;}
.jxcx4 .sec3_fr_in p{ font-size:16px; margin-top:40px;}
.jxcx4 .sec3_fr span{ color:#fff; font-size:16px;} 
.jxcx4.sec3 .wrap{background: url(../img/bg6.jpg) right;}

.jscx5{ background:url(../img/jscxbg5.jpg) center; height:552px; color:#fff; overflow:hidden}

.jscx5 big{ display:block; font-size:34px; color:#fff; margin-bottom:10px; margin-top:62px;}
.jscx5 p{ font-size:16px; line-height:1.4; margin-top:46px; min-height:300px;}
.jscx5 font{ font-size:14px; display:block;  margin-bottom:10px;}
.jscx5  span{ display:block; font-size:18px;}

.jscx6{ padding:60px 0; background:#f3f3f3}
.jscx6 ul,.fourys li{ margin:0; padding:0; list-style:none;}
.jscx6 li {color:#000; margin-bottom:30px; background: #fff; overflow:hidden;}
.jscx6 li .img{ float:left; width:50%;}
.jscx6 li .img img{ width:100%; display:block}
.jscx6 li .txt{ float:right; width:50%;}
.jscx6 li .txt .txtbox{ padding:20px 50px;}
.jscx6 li .txt .txtbox font{ font-size:34px; font-weight:900; line-height:1; margin:45px 0 30px 0; display:block}
.jscx6 li .txt .txtbox em{  }
.jscx6 li .txt .txtbox p{ font-size:24px; width:430px; max-width:100%; color:#737373; line-height:30px; min-height:220px;}
.jscx6 li .txt .txtbox .more span{ float:right; font-size:14px; color:#737373; margin-top:40px;}

.jscx6 li.odd .img{ float:right;   }
 
.jscx6 li.odd .txt{ float:left; width:50%;}


.about8{ padding:60px 0; background:#f9f9f9}
.about8{ text-align:left;}
.about8 img{ height:90px; display:inline-block; margin:0 auto; }
.about8 li:hover img{transform:rotateY(180deg)}
.about8 li .rowitem{ background:#fff; padding:28px;}
.about8 p{ color:#777; line-height:2; font-size:18px; margin-top:70px;}

.about8title {
    font-size: 40px;
    padding:  20px 0 50px 0;
    text-align: center;
}


.about33{ padding:0px 0 60px 0; background:#f9f9f9}
.about33 ul,.fourys li{ margin:0; padding:0; list-style:none;}
.about33 li {color:#000; margin-bottom:30px; background: #fff; overflow:hidden; position:relative}
.about33 li .img{ float:left; width:50%;}
.about33 li .img img{ width:100%; display:block}
.about33 li .txt{ float:right; width:50%;}
.about33 li .txt .txtbox{ padding:20px 50px;}
.about33 li .txt .txtbox font{ font-size:34px;   line-height:1; margin:45px 0 30px 0; display:block}
.about33 li .txt .txtbox em{  }
.about33 li .txt .txtbox p{ font-size:16px;   max-width:640px; color:#737373; line-height:30px; position:absolute; bottom:30px; padding-right:40px;}
.about33 li .txt .txtbox .more span{ float:right; font-size:14px; color:#737373; margin-top:40px;}

.about33 li.odd .img{ float:right;   }
 
.about33 li.odd .txt{ float:left; width:50%;}



.jjfa1{ background:#f7f7f7; padding:100px 0;}
.jjfa1 .jjfatitle{ }
.jjfatitle{ font-size:24px; font-weight:900; margin:15px 0;}
.jjfatitle font{ color:#3fc5c8}
.jjfa1 .wrap{ position:relative}
.jjfa1 .jjfa1_1{ width:60.5%;}
.jjfa1 img{ width:100%;}
.jjfa1 .jjfa1_2{ position:absolute; right:0; width:730px;  background:url(../img/jjfabg2.jpg); top:0;}
.jjfa1 .jjfa1_2 .jjfa1_2_in{ margin:30px; position:relative}
.jjfa1 .jjfa1_2 .jjfa1_2_in big{ font-size:24px; color:#33aba7}
.jjfa1 .jjfa1_2 .jjfa1_2_in p{ font-size:18px; line-height:34px; margin-top:20px; color:#737373; min-height:320px;}
.jjfa1 .jjfa1_2 .jjfa1_2_in span{ font-size:16px;}
.jjfa1 .jjfa1_2 .jjfa1_2_in  font{ color:#fff; font-size:200px; line-height:156px; right:0; bottom:0; position:absolute}
.jjfa1 .jjfa1_3{ position:absolute; left:65.5%; bottom:58px;  text-align:center; font-size:16px; color:#737373;}
.jjfa1 .jjfa1_4{ position:absolute; right:0; bottom:42px;  text-align:center; font-size:44px; color:#fff; z-index: 2222;}
.jjfa1 .jjfa1_4 span{ display:inline-block; margin-right:50px;cursor: pointer;}

.jjfa2{ background:url(../img/jjfabg1.jpg) center; overflow:hidden; padding:200px 0}
.jjfa2 .jjfatitle{ float:left;}
.jjfa2_t1{ float:right; width:50%;}
.jjfa2_t1 font{ font-size:40px; line-height:1.2; font-weight:900;}
.jjfa2_t1 p{ width:80%; font-size:18px; color:#737373; line-height:1.2; margin-top:42px;}


.jjfa2_2{ padding:60px 0; margin-top:678px;  }
.jjfa2_2 ul{ margin:0 -15px;}
.jjfa2_2 ul,.jjfa2_2 li{ margin:0; padding:0; list-style:none;}
.jjfa2_2 li {color:#000;    overflow:hidden;  width:33.3%; float:left;}
.jjfa2_2 li .item{ margin:15px;background: #fff; overflow:hidden;  }
.jjfa2_2 li .img{  }
.jjfa2_2 li .img img{ width:100% }
.jjfa2_2 li .txt{ padding:30px; }
.jxcx3 li .txt .txtbox{  }
.jjfa2_2 li .txt .txtbox span{ color:#3fc5c8; font-size:24px; line-height:1.2; display:block ; margin-bottom:12px;}
.jjfa2_2 li .txt .txtbox font{ font-size:24px; display:block; line-height:1.2;}
.jjfa2_2 li .txt .txtbox em{ display:block; width:50px; display:none; height:3px; background:#c1162f; margin:10px 0 10px 0;}
.jjfa2_2 li .txt .txtbox .p1{ font-size:16px; padding:40px 0}
.jjfa2_2 li .txt .txtbox p{ font-size:15px; line-height:2; padding:20px 0 0 0; color:#737373; height:280px;  }




.jjfa3{  padding:100px 0 80px 0;}
 
.jjfa3 .wrap{ position:relative}
.jjfa3 .jjfa3_1{ width:60.5%;}
.jjfa3 img{ width:100%;}
.jjfa3 .jjfa3_2{ position:absolute; right:0; width:730px;   background:url(../img/jjfabg2.jpg); top:48px;}
.jjfa3 .jjfa3_2 .jjfa3_2_in{ margin:30px; position:relative}
.jjfa3 .jjfa3_2 .jjfa3_2_in big{ font-size:24px; color:#33aba7; display:none}
.jjfa3 .jjfa3_2 .jjfa3_2_in p{ font-size:18px; line-height:34px; margin-top:20px; color:#737373; min-height:350px;}
.jjfa3 .jjfa3_2 .jjfa3_2_in span{ font-size:16px; display:none}
.jjfa3 .jjfa3_2 .jjfa3_2_in  font{ color:#fff; font-size:200px; line-height:156px; right:0; bottom:0; position:absolute}
.jjfa3 .jjfa3_3{ position:absolute; left:65.5%; bottom:58px;  text-align:center; font-size:16px; color:#737373;}
.jjfa3 .jjfa3_4{ position:absolute; right:0; bottom:42px;  text-align:center; font-size:44px; color:#fff;}
.jjfa3 .jjfa3_4 span{ display:inline-block; margin-right:50px;}


.jjfa4{ padding:100px 0; background:#272c38}
.jjfa4title{ font-size:44px; color:#fff; margin-bottom:50px;}
.jjfa4title font{ color:#3fc5c8}
.jjfa4 .jjfatitle{ color:#fff; margin-bottom:30px;}
.jjfa4 ul,.jjfa4 li{ margin:0; padding:0; list-style:none;}
.jjfa4 li {color:#000; margin-bottom:50px; background: #fff; overflow:hidden;}
.jjfa4 li .img{ float:left; width:50%;}
.jjfa4 li .img img{ width:100%; display:block}
.jjfa4 li .txt{ float:right; width:50%;}
.jjfa4 li .txt .txtbox{ padding:20px 50px;}
.jjfa4 li .txt .txtbox font{ font-size:34px; font-weight:900; line-height:1; margin:45px 0 30px 0; display:block}
.jjfa4 li .txt .txtbox em{  }
.jjfa4 li .txt .txtbox p{ font-size:18px; margin-top:30px;;   max-width:100%; color:#737373; line-height:30px; min-height:300px;}
.jjfa4 li .txt .txtbox .more span{  font-size:18px; color:#000; margin-top:40px;}

.jjfa4 li.odd .img{ float:right;   }
 
.jjfa4 li.odd .txt{ float:left; width:50%;}


  .jbsousuo{ float:right; height:86px; margin-left:20px; width:525px; background:#fff; overflow:hidden; }
 .jbsousuo .ss{ float:left;border:#c9c9c9  0px solid; background:none;   border-right:none; line-height:86px; height:86px; width:260px; padding-left:20px;}
 .jbsousuo .sss{ background:#33aba7; width:225px; height:86px; border:none; color:#fff; font-size:18px; float:right; border-radius:5px;}
 
 
 .prosousuo{ float:right; height:58px;   background:#fff;   }
 .prosousuo .ss{ float:left;border:#e1e1e1  1px solid; background:#f7f7f7;   line-height:54px; height:54px; width:325px; padding-left:20px;  border-radius:5px; margin-right:10px;}
 .prosousuo .sss{ background:#33aba7; width:245px; height:58px; border:none; color:#fff; font-size:18px; float:right; border-radius:5px;}
 
 .morebtn{ text-align:center; padding:70px 0;}
 .morebtn a{ display:inline-block; border:#333 1px solid; padding:15px 70px; color:#333; font-size:16px; position:relative;}
.morebtn a font{ display:block; position:relative; z-index:2;}
.morebtn a:before{ width:0%;  left:0; height:100%; z-index:1; background:#52cbcd; position:absolute; content:" "; top:0;  }
.morebtn a:hover{  border:#52cbcd 1px solid; color:#fff;}
.morebtn a:hover font{ color:#fff;}
 .morebtn a:hover:before{ width:100%;}

.nbanner{ position:relative;}
.nbanner .aboutcon { padding-top:20%; width:1400px; ; position:absolute; top:0; left:50%; margin-left:-700px; text-align:left ; color:#fff;}
.nbanner .aboutcon font{ font-size:44px; display:block; margin-bottom:20px;}
.nbanner .aboutcon p{ line-height:2; font-size:18px;}
.nbanner .aboutcon font b{color: #3fc5c8; font-family:normal; display:inline-block; font-size:34px; margin:0 12px; position:relative; top:-3px;}

.qysl{ background:url(../img/qyslbg.jpg) center; padding:60px 0 110px 0;;}
.qysl li  span{ color:#a7a8aa; font-size:16px; margin-top:20px; display:block; position:relative; z-index:2;}
.qysl li .rowitem{ height:200px; border-top:#39c6b4 3px solid; position:relative}
.qysl li .rowitem:before{ position:absolute; width:0; left:0; height:100%; top:0; background:#33aba7; content:" ";}
.qysl li:hover .rowitem:before{ width:100%;}
.qysl li p{ color:#fff; font-size:24px;position:relative; z-index:2;}
.qysl li:hover .rowitem{ padding:0 20px;}
.qysltitle{ font-size:40px; color:#39c6b4 ; padding:50px 0 100px 0;}


.about7{ background:#fff; padding:60px 0 110px 0;;}
.about7 li  span{ color:#333; font-size:40px; margin-top:20px; display:block; position:relative; z-index:2;}
.about7 li .rowitem{ height:200px; border-top:#ddd 1px solid; position:relative}
.about7 li .rowitem:before{ position:absolute; width:0; left:0; height:1px; top:0; background:#33aba7; content:" ";}
.about7 li:hover .rowitem:before{ width:100%;}
 
.about7 li p{ color:#777777; font-size:18px;position:relative; z-index:2; margin-top:10px;}
.about7 li:hover .rowitem{  }
.about7 li:hover  span{ color:#33aba7;}
.about7 li:hover p{ }
.about7title{ font-size:40px;  padding:50px 0 100px 0; text-align:center}


.joblist2 ul{ margin:0 -15px;}
.joblist2 li{width:33.3%; float:left; overflow:hidden;  margin-bottom:2%; position:relative; }
.joblist2 li a{ display:block; padding:30px; margin:15px; font-size:16px;border:#fff 1px solid;background:#fff; }
.joblist2 li .txt{ float:left}
.joblist2 li .txt1{ font-size:24px; color:#52cbcd}
.joblist2 li .txt1 small{ display:inline-block; background:#52cbcd; color:#fff; padding:0 10px; border-radius:5px; display:none;}
.joblist2 li .txt font{ display:block; color:#777; margin-top:10px; line-height:2; font-size:16px;}
.joblist2 li .txt p{color:#777; margin-top:40px;}
.joblist2 li .txt p img{ vertical-align:middle; height:18px;}
.joblist2 li .txt_r{ float:right; color:#777; margin-top:10px;}
.joblist2 li .txt_r span{ display:inline-block; margin-left:40px;}
.joblist2 li .txt_r span font{color:#52cbcd}
.joblist2 li .arrimg{ position:absolute; width:20px; height:13px; background:url(../img/jt1.png) center; right:30px; bottom:45px;}
.joblist2 li:hover a{border:#52cbcd 1px solid; }
.joblist2 li:hover .arrimg{background:url(../img/jt2.png) center;}
.joblist2 li:hover .txt1 small{ display:inline-block;}
.ivideo{ position:relative;}
.ivdeobg img{ width:100%; display:block}
.ivideo_btn{ position:absolute; top:50%; margin-top:-50px; left:50%; margin-left:-50px; cursor:pointer;}
.ivideo_btn img{ height:65px; }



.ivideo_btn img{display:block;}
.ivideo:hover .ivideo_btn{  

 -webkit-transition-property: -webkit-transform;

    -webkit-transition-duration: 1s;

    -moz-transition-property: -moz-transform;

    -moz-transition-duration: 1s;

    -webkit-animation: rotate 3s linear infinite;

    -moz-animation: rotate 3s linear infinite;

    -o-animation: rotate 3s linear infinite;

    animation: rotate 3s linear infinite;

}

@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}

    to{-webkit-transform: rotate(360deg)}

}

@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}

    to{-moz-transform: rotate(359deg)}

}

@-o-keyframes rotate{from{-o-transform: rotate(0deg)}

    to{-o-transform: rotate(359deg)}

}

@keyframes rotate{from{transform: rotate(0deg)}

    to{transform: rotate(359deg)}

}


.ArticleTencont table{ width:100%; border-left:#e6e6e6 1px solid; border-top:#e6e6e6 1px solid; border-collapse:collapse;}
.ArticleTencont table tr:nth-child(1) td{ background-color: rgb(50, 177, 180); color:#fff}
.ArticleTencont td, .infobox th {
    position: relative;
    padding: 9px 15px;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
	
	 border-right:#e6e6e6 1px solid; border-bottom:#e6e6e6 1px solid;}
	 .ArticleTencont table tr:nth-child(even) {
    background-color: #fff}
	.infobox table tr:hover {
    background-color: #fff}